434171 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

タグNO.2


6) ★ タグ ★




★ここに本文★

Template by せつら$



○太文字1 (http://plaza.rakuten.co.jp/~~~~)
  …ここに外側の背景画像のアドレスをいれます。


○太文字2 (font-size:11pt;color:#000066;font-family:Verdana;)
  …ここで文字に関する指定をしています。。
   お好みで文字サイズ・色・書体を変更してください。


○太文字3 (background:#00FFFF;)
  …内側のboxの背景色を指定しています。


○太文字4 (#00FFFF)
  …4隅の■の色を指定しています。



※一文で書いてるので構造がわかりにくいと思いますが、楽天の日記ではヘンに改行
 してしまうと余計なスペースがあいてしまい、レイアウトがおかしくなってしまいます。
 なので、改行しないで一文で書いてください。
 作るときは上のタグをコピーしてタグとタグの間を改行するとみやすいです。
 青い部分がboxのタグです。 テーブルタグの中にboxを組み込んでるワケです。

構造は…
あ い う
え お か
き く け
となっていて、テーブル全体に背景画像をつけ、
「あ」「う」「き」「け」に背景色をつけ、
「お」の部分にboxを入れて本文を書いています。

タグは…


となっています。 テーブルタグと表示を見比べて相対関係をつかんでください。
テーブルタグの特徴もつかめるハズです。



7) ◆タグ◆

 ■ここにタイトル■

■ここに本文■


○基本形式は次の通りです。

■タイトル■

■本  文■


 


8) 

~ ここにタイトル ~
「1」 「2」 ★ここに解説文★

「3」 「4」

「5」 「6」

Template by:せつら$




■ソース■
~ ここにタイトル ~

「1」

「2」

★ここに解説文★

「3」

「4」

「5」

「6」
Template by:せつら$



9)★ タグ ★




★ここに内容1★



★ここに内容2★




○太文字1 (http://plaza.rakuten.co.jp/~~~~(1))
  …ここに右上に入れる画像のアドレスをいれます。


○太文字2 (http://plaza.rakuten.co.jp/~~~~(2))
  …ここに左下に入れる画像のアドレスをいれます。


○太文字3 (font-size:10pt;color:#0000CC;font-family:Verdana;)
  …ここで文字に関する指定をしています。。
   お好みで文字サイズ・色・書体を変更してください。


○太文字4 (border:solid 1px #000099;・border:solid 1px #CC3366;)
  …ここでセルの枠の指定をしています。。


基本構造は次のとおりです。

★ここに内容1★ ★ここに画像1★
★ここに画像2★ ★ここに内容2★




10)★ タグ ★




★ここに本文★

Template by せつら$




○太文字1 (font-size:11pt;color:#000066;font-family:Verdana;)
  …ここで文字に関する指定をしています。。
   お好みで文字サイズ・色・書体を変更してください。


○太文字2 (http://plaza.rakuten.co.jp/~~~~)
  …ここにboxの右下に表示する画像のアドレスをいれます。


○太文字3 (#6699FF)
  …外枠の色を指定しています。


○太文字4 (#CC6699)
  …ここで「*」の色を指定しています。



© Rakuten Group, Inc.